        // 设置高度
        var height1=$(window).height()-$("header").height()-32;
        $(".left-sidebar").css("height",$(window).height()-57+"px");
        var left=0;
        $("#index_main").height(height1);    
        $("#index_main").css("margin-top",$("header").height()+32+"px");
        var sum=['index_main',['operators','role-manager','logs-manager'],['terminal','user-retained','user-new','region'],['res_table','packet_list','onrack_list','sp_list','all_list','']];
        var iframe_h={
            init:function(sum){
                iframe_h.href=sum;
                iframe_h.bind_href(iframe_h.href,$("ul.sidebar-nav")); 
                $(".daohang").find('ul').children('li').eq(0).on('click',function(event) {
                    $("#index_main").attr("src","index_main.html");
                    iframe_h.tab_animate();
                });
                iframe_h.bind_slide(".daohang");                                           
            },
            'href':[],
            // 递归绑定单击侧边栏事件
            bind_href:function(href,tag){
                for(var i=0;i<=href.length-1;i++){
                    let item=href[i];
                    var type=typeof item;
                    if(type==='string'){
                        // 绑定侧边栏事件
                        let src=item+".html";
                        tag.children(".sidebar-nav-link").eq(i).unbind().on("click",function(){
                            var that=this;  
                            $("ul.sidebar-nav").find('a.active').removeClass('active');
                            $(that).children('a').addClass('active');
                            if(item.length==0){
                                console.log("Incoming arguments are null");
                            }else{
                                // 加载动画
                                $("#index_main").attr("src",src);
                                iframe_h.tab_animate();
                                // 判定窗口是否已打开 未打开添加新窗口
                                var text_judge=$(".daohang").find('ul').children("li").children("botton."+item+"").text();
                                if(!text_judge.length){
                                    var dom=document.createElement("li");
                                    var dom_bt=document.createElement("botton");
                                    dom_bt.className="am-btn am-btn-default am-radius am-btn-xs "+item+"";
                                    var dom_a=document.createElement("a");
                                    dom_a.className="am-close am-close-spin";
                                    // 添加点击状态

                                    var text_c=$(this).children('a').text();
                                    $(dom_bt).text(text_c);
                                    $(dom_a).text("×");
                                    $(dom_bt).append(dom_a);
                                    $(dom).append(dom_bt);
                                    // 非首页添加
                                    if(!(text_c.replace(/(^\s*)|(\s*$)/g, "")==="首页")){
                                        $(".daohang").find(".active").removeClass('active');
                                        $(".daohang").find('ul').append(dom);
                                        dom.className=item+" active";
                                        iframe_h.judge_length_ani(".daohang");
                                        // if($(".daohang").find(".content").children('ul').width()/$(".daohang").find(".content").width()){
                                        //     $(".daohang").find(".content").width();
                                        // }
                                    }
                                    // 窗口切换绑定
                                    $(dom).on('click',function(event) {
                                        $(".daohang").find(".active").removeClass('active');
                                        $(this).addClass('active')
                                        $("#index_main").attr("src",src);
                                        iframe_h.tab_animate();
                                    });
                                    // 导航栏绑定关闭窗口事件 当前窗口为关闭窗口时 返回逻辑位置上一个窗口
                                    $(dom_a).on('click',function(event) {
                                        event.stopPropagation(); 
                                        if(item+".html"===$("#index_main").attr("src")){
                                            $("."+item).prev().click();
                                        }
                                        $("."+item).remove();
                                        iframe_h.judge_length_ani(".daohang");
                                    });
                                }
                                
                            }               
                        });
                    }
                        else if(type==='object'){
                            // 递归调用
                            iframe_h.bind_href(item,tag.children(".sidebar-nav-link").eq(i).children("ul.sidebar-nav"));
                            // console.log(item);
                            
                        }else{
                            // 超出判断 数据与侧边栏不匹配
                            console.log("Incoming arguments are wrong");
                            return;
                        }
                }
            },
            // 绑定窗口栏滑动事件
            bind_slide:function(el){
                $(el+" .bt_left,"+el+" .bt_right").unbind().on("click",function(){
                    var cla=$(this).attr("class");
                    var width_ul=$(el+" .content .content_box ul").width();
                    var width_co=$(el+" .content").width();
                    var sum=width_ul/width_co;
                    // var left=$(el+" .content .content_box ul").css("left")
                    function b_left(left){
                        // 绝对值大于0 左侧按钮 返回右滑left值
                        if(Math.abs(left/width_co)>0){
                            return(parseInt(left/width_co)*width_co+width_co);
                        }else{
                            return(left);
                        }
                    }
                    function b_right(left){
                        // 绝对值小于总值 右侧按钮 返回左滑left值
                        if(Math.abs(left/width_co)<parseInt(width_ul/width_co)){
                            return(parseInt(left/width_co)*width_co-width_co);
                        }else{
                            return(left);
                        }
                    }
                    if(sum>=1){
                        left=cla==="am-icon-backward bt_left"?b_left(left):b_right(left);
                        console.log(left)
                        $(el+" .content .content_box").stop().animate({
                            "left":left+"px",
                            }, function(){
                        });
                        }
                    
                })
            },
            // 加载动画
            tab_animate:function(){
                layer.load();
                var left_=!$('.left-sidebar').is('.active')?$(".left-sidebar").width()/2-5:-5;
                $(".layui-layer-content").css({
                    "margin-top":$("#index_main").css("margin-top")/2,
                    "margin-left":left_,
                });
                console.log(left_);
                $("#index_main").css("opacity",0)
                //此处演示关闭
                $("#index_main").load(function(){
                    setTimeout(function(){
                        layer.closeAll('loading');
                        $("#index_main").stop().animate({"opacity":1});
                     }, 300);
                })
            },
            // 判断当前长度是否进行动画
            judge_length_ani:function(el){
                var width_ul=$(el+" .content .content_box ul").width();
                var width_co=$(el+" .content").width();

                if(parseInt(width_ul/width_co)>=1){
                    console.log(width_ul/width_co);
                    console.log(width_co-width_ul);
                    $(el+" .content .content_box").stop().animate({
                        "left":width_co-width_ul+"px",
                        }, function(){
                    });
                }else{
                    $(el+" .content .content_box").stop().animate({
                        "left":0+"px",
                        }, function(){
                    });
                }
            }
        }

